<!DOCTYPE html>
<html lang="en">
    <head>
        <title>
            <?php echo empty($title) ? '魔盒便利' : $title;?>
        </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <script src="__CDN__/html/js/jquery-2.1.4.js" type="text/javascript"></script>
        <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">-->
        <!--<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>-->
        <!--<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>-->
        <link rel="stylesheet" href="__CDN__/html/css/weui.min.css">
        <link rel="stylesheet" href="__CDN__/html/css/mui.min.css">
        <!--<link rel="stylesheet" href="__CDN__/html/css/jquery-weui.min.css">-->
        <link rel="stylesheet" href="__CDN__/html/css/style.css">

        <script src="__CDN__/html/js/base.js" type="text/javascript"></script>
        {block name="style"}
        {/block}
    </head>
    <body>
        {present name="user_box_id"}
        {neq name="user_box_id" value="0"}
        {block name="toindex"}
        <a href="{:url('Index/index')}">
            <div style="padding:0.05rem 0.15rem 0.05rem 0.1rem; background: #FFF;overflow: hidden;margin-bottom:0.1rem;">
                <div style="float:left;">
                    <img src="__CDN__/html/img/guanzhu_logo@3x.png" style="width:0.4rem;height: 0.4rem;vertical-align:middle;">
                    <span style="color:#333333;font-size: 0.15rem;margin-left: 0.03rem;">魔盒便利</span>
                </div>
                <div style="float:right;background: url('__CDN__/html/img/hz-img16.png') no-repeat right center;background-size: 0.06rem auto;">
                    <div style="font-size:0.13rem;color:#38373D;margin-right: 0.12rem;line-height: 0.4rem;">回首页</div>
                </div>
            </div>
        </a>
        {/block}
        {/neq}
        {/present}
        {block name="body"}{/block}
        {block name="share"}
        {present name="data"}
        <input type="hidden" id="js-logo" value="__OSSCDN__{$data.share_logo}">
        <input type="hidden" id="fenxiangtitle" value="{$data.title}">
        <input type="hidden" id="fenxiangcontent" value="{$data.sub_title}">
        {/present}
        {present name="share_url"}
        <input type="hidden" id="js-dataurl" value="{$share_url}">
        {/present}
        {/block}
    </body>
    <script src="__CDN__/html/js/mui.min.js"></script>
    <script src="__CDN__/html/js/fastclick.js"></script>
    <script src="__CDN__/html/js/jquery-weui.js"></script>
    <!--<script src="__CDN__/html/js/jquery.min.js" type="text/javascript"></script>-->

    <script src="__CDN__/html/js/base.js" type="text/javascript"></script>
    {block name="script"}{/block}
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        mui('body').on('tap', 'a', function () {
            window.top.location.href = this.href;
        });
    </script>
    <script>

        var sharetitle = $('#fenxiangtitle').val();
        var sharedesc = $('#fenxiangcontent').val();
        var fenxiangimg = $('#js-logo').val();
        var dumpurl = $('#js-dataurl').val();


        $.getJSON('https://www.mohebianli.com/wx/getWxJs.php', {uri: location.href.split('#')[0]}, function (data) {

            if (!data) {
                return  false;
            }

            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: data.appId, // 必填，公众号的唯一标识
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.signature, // 必填，签名，见附录1
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });
            wx.checkJsApi({
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                success: function (res) {

                    // 以键值对的形式返回，可用的api值true，不可用为false
                    // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                }
            });
            wx.ready(function () {

                wx.onMenuShareAppMessage({
                    title: sharetitle, // 分享标题
                    desc: sharedesc, // 分享描述
                    link: dumpurl, // 分享链接
                    imgUrl: fenxiangimg, // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                wx.onMenuShareTimeline({
                    title: sharetitle, // 分享标题
                    link: dumpurl, // 分享链接
                    imgUrl: fenxiangimg, // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });
            wx.error(function (res) {

            });
        });
    </script>
</html>
